<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>购物车</title>
<link href="./css/common.css" rel="stylesheet" />
<link href="./css/common-head-footer.css" rel="stylesheet" />
<link href="./css/shop-car.css" rel="stylesheet" />
<script type="text/javascript" src="./js/util.js"></script>
<script type="text/javascript">
function selectAll(obj){
	var pitems=document.getElementsByName("pitem");
	for(var i=0;i<pitems.length;i++){
		pitems[i].checked=obj.checked;
	}
}
function goPrePage(){
	window.location="shop-car-03.jsp";
}
function goNextPage(){
	if(confirm("这一步骤将会提交订单，提交订单后，系统将会发送给指定的供应商\r\n确认下一步？")){
		window.location="shop-car-05.jsp";
	}
}
function addAttachements(){
	var attas_container=document.getElementById("attas_container");
	var file=document.createElement("span");
	file.innerHTML="<input type=\"file\" name=\"attachements\" />&nbsp;<a href=\"javascript:void(0)\" onclick=\"deleteAttachement(this)\">删除</a><br/>";
	attas_container.appendChild(file);
}
function deleteAttachement(obj){
	if(confirm("确认删除？")){
		obj.parentNode.parentNode.removeChild(obj.parentNode);
	}
}
</script>
</head>
<body>
<jsp:include page="./sub-blocks/header-block.jsp"></jsp:include>
<div class="shop-car-panel">
	<div class="location-bar"  onselectstart="return false;">
		<div class="point-tip">购物车</div>
		<div class="arr-icon"></div>
		<div class="point-tip">购物车预览</div>
		<div class="arr-icon"></div>
		<div class="point-tip">填写订单</div>
		<div class="arr-icon"></div>
		<div class="point-tip-on">预览订单</div>
		<div class="arr-icon"></div>
		<div class="point-tip">完成订单</div>
	</div>
	<div class="product-list-container">
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
			<tr class="th">
				<td width="10">&nbsp;</td>
				<td>名称</td>
				<td>分类</td>
				<td>单价</td>
				<td>数量</td>
				<td>小计</td>
				<td>&nbsp;</td>
			</tr>
			<tr class="tb">
				<td>1</td>
				<td>惠普笔记本电脑</td>
				<td>笔记本</td>
				<td>4500￥</td>
				<td>2</td>
				<td>9000￥</td>
				<td><a href="javascript:void(0)">删除</a></td>
			</tr>
			<tr class="tb">
				<td>2</td>
				<td>惠普笔记本电脑</td>
				<td>笔记本</td>
				<td>4500￥</td>
				<td>2</td>
				<td>9000￥</td>
				<td><a href="javascript:void(0)">删除</a></td>
			</tr>
		</table>
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
			<tr class="tf">
				<td class="right">支付总额：9000￥</td>
			</tr>
		</table>
		<div class="order-form-detail">
			<!-- 支付方式 -->
			<div class="block-title"><div>支付方式</div></div>
			<div class="block-content">
				在线支付,中国银行
				<br/>
			</div>
			
			<!-- 送货方式 -->
			<div class="block-title"><div>送货方式</div></div>
			<div class="block-content">
				新华物流<br/>
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td width="90" nowrap="nowrap">详细地址：</td>
						<td>北京市中关村大街118号汉阳大厦B座109号</td>
					</tr>
					<tr>
						<td>邮编编码：</td>
						<td>000011</td>
					</tr>
					<tr>
						<td>联系人：</td>
						<td>张博，李浩</td>
					</tr>
					<tr>
						<td>联系电话：</td>
						<td>155343444432</td>
					</tr>
				</table>
			</div>
			
			<!-- 权责声明 -->
			<div class="block-title"><div>权责声明</div></div>
			<div class="block-content">
				权责声明，权责声明<br/>
				权责声明，权责声明，权责声明权责声明，权责声明<br/>
			</div>
			
			<!-- 备注-->
			<div class="block-title"><div>备注</div></div>
			<div class="block-content">
				备注信息，备注信息<br/>
				备注信息，备注信息<br/>
				备注信息，备注信息<br/>
				备注信息，备注信息<br/>
			</div>
			
			<!-- 添加附件 -->
			<div class="block-title"><div>添加附件</div></div>
			<div class="block-content">
				合同.doc，<br/>
				照片.rar，
			</div>
		</div>
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
			<tr class="tf">
				<td class="right">
					<input type="button" class="pre" onclick="javascript:goPrePage()" />
					<input type="button" class="next" onclick="javascript:goNextPage()"/>
				</td>
			</tr>
		</table>
	</div>
</div>
<jsp:include page="./sub-blocks/footer-block.jsp"></jsp:include>
</body>
</html>